<template>
    <van-button :color="color" :block="block" :round="round" :size="size" :loading="loading" :loading-text="loadingText"
        :disabled="loading" @click="emit('clickButton')">{{ text }}</van-button>
</template>

<script setup>
const props = defineProps({
    color: {
        type: String,
        default: '#0753fd'
    },
    block: {
        type: Boolean,
        default: true
    },
    round: {
        type: Boolean,
        default: true
    },
    text: {
        type: String,
        default: '确定'
    },
    size: {
        type: String,
        default: 'large'
    },
    loading: {
        type: Boolean,
        default: false
    },
    loadingText: {
        type: String,
        default: '加载中...'
    }
})


const emit = defineEmits(['clickButton'])
</script>